<!DOCTYPE html>
<html lang="en">
<head>
<title>List</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="/Home/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="/Home/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="/Home/css/faqstyle.css" type="text/css" media="all" />
<link href="/Home/css/medile.css" rel='stylesheet' type='text/css' />
<link href="/Home/css/single.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="/Home/css/contactstyle.css" type="text/css" media="all" />
<!-- news-css -->
<link rel="stylesheet" href="/Home/news-css/news.css" type="text/css" media="all" />
<!-- //news-css -->
<!-- list-css -->
<link rel="stylesheet" href="/Home/list-css/list.css" type="text/css" media="all" />
<!-- //list-css -->
<!-- font-awesome icons -->
<link rel="stylesheet" href="/Home/css/font-awesome.min.css" />
<!-- //font-awesome icons -->
<!-- js -->
<script type="text/javascript" src="/Home/js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<!---<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>--->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="/Home/js/move-top.js"></script>
<script type="text/javascript" src="/Home/js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
<!-- tables -->
<link rel="stylesheet" type="text/css" href="/Home/list-css/table-style.css" />
<link rel="stylesheet" type="text/css" href="/Home/list-css/basictable.css" />
<script type="text/javascript" src="/Home/list-js/jquery.basictable.min.js"></script>
 <script type="text/javascript">
    $(document).ready(function() {
      $('#table').basictable();

      $('#table-breakpoint').basictable({
        breakpoint: 768
      });
	   $('#table-breakpoint1').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint2').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint3').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint4').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint5').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint6').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint7').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint8').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint9').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint10').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint11').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint12').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint13').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint14').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint15').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint16').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint17').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint18').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint19').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint20').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint21').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint22').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint23').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint24').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint25').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint26').basictable({
        breakpoint: 768
      });
    });
  </script>
<!-- //tables -->
</head>
@include('Home/profile');	
<body>
<!-- header -->

<!-- //nav -->
<div class="general_social_icons">
	<nav class="social">
		<ul>
			<li class="w3_twitter"><a href="#">Twitter <i class="fa fa-twitter"></i></a></li>
			<li class="w3_facebook"><a href="#">Facebook <i class="fa fa-facebook"></i></a></li>
			<li class="w3_dribbble"><a href="#">Dribbble <i class="fa fa-dribbble"></i></a></li>
			<li class="w3_g_plus"><a href="#">Google+ <i class="fa fa-google-plus"></i></a></li>				  
		</ul>
  </nav>
</div>
<!-- faq-banner -->
	<div class="faq">
		<h4 class="latest-text w3_faq_latest_text w3_latest_text">
		以下为搜索到的与<span style="color:red;">"{{$infor}}"</span>相关的电影</h4>
			<div class="container">
				<div class="agileits-news-top">
					<ol class="breadcrumb">
					    <li><a href="index.html">主页</a></li>
					  <li class="active">搜索</li>
					</ol>
				</div>
				<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
						<ul id="myTab" class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active"><a href="" id="general-tab" role="tab" data-toggle="tab" class="tab-front" aria-controls="home" aria-expanded="true" onclick="charea('general')">默认排序</a></li>

							<li role="presentation"><a href="" role="tab" id="detail-tab" data-toggle="tab" aria-controls="a" class="tab-back" onclick="charea('detail')">评分最高</a></li>

							<li role="presentation"><a href="" role="tab" id="mix-tab" data-toggle="tab" aria-controls="b" class="tab-back" onclick="charea('mix')">评论最多</a></li>

							<li role="presentation"><a href="" role="tab" id="period-tab" data-toggle="tab" aria-controls="b" class="tab-back" onclick="charea('period')">上映年代</a></li>
							<li role="presentation"><a href="" role="tab" id="recent-tab" data-toggle="tab" aria-controls="b" class="tab-back" onclick="charea('recent')">最近更新</a></li>

						</ul>
						<div id="general-breakpoint"  class="tab-content">
							<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
								<div class="agile-news-table">
									<!-- <div class="w3ls-news-result">
										<h4>共查到: <span>{{count($slist)}}</span>条记录符合要求</h4>
									</div>  -->
									<table id="table-breakpoint">
										<thead>
										  <tr>
											<th>评分</th>
											<th>影片名</th>
											<th>上映年代</th>
											<th>类型</th>
											<th>地区</th>
											<th>演员</th>
											<th style="width: 40%;">简介</th>
										  </tr>
										</thead>
										<tbody>
										@forelse($slist as $s)
										  <tr>
											<td>{{$s->score}}</td>
											<td class="w3-list-img"><a href="{{url('Home/news-single',$s->fid)}}"><img src="/Home/images/n1.jpg" alt="" /> <span>{{$s->title}}</span></a></td>
											<td>{{$s->period}}</td>
											<td>{{$s->status}}</td>
											<td class="w3-list-info"><a href="{{url('Home/news-single',$s->fid)}}">{{$s->area_name}}</a></td>
											<td class="w3-list-info"><a href="{{url('Home/news-single',$s->fid)}}">{{$s->actors}}</a></td>
											<td>{{$s->intro}}</td>
										  </tr>	
										  @empty
										  @endforelse							
										</tbody>
									</table>
									<span style="margin-left:85%; ">{!!$slist->render()!!}</span>
								</div>
							</div>
							
						</div>
						<!-- 11111111111111111111111111111111111 -->
							 <div id="detail-breakpoint" style="display:none" >
							<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
								<div class="agile-news-table">
									<!-- <div class="w3ls-news-result">
										<h4>Search Results : <span>89</span></h4>
									</div> -->
									<!-- 以下按分数高低排名 -->
									<table id="detail-breakpoint" >
										<thead>
										  <tr>
											<th>评分</th>
											<th>影片名</th>
											<th>上映年代</th>
											<th>类型</th>
											<th>地区</th>
											<th>演员</th>
											<th style="width: 40%;">简介</th>
										  </tr>
										</thead>
										<tbody>
									@foreach($score as $fen)
										  <tr>
											<td>{{$fen->score}}</td>
											<td class="w3-list-img"><a href="{{url('Home/news-single',$fen->fid)}}"><img src="/Home/images/n1.jpg" alt="" /> <span>{{$fen->title}}</span></a></td>
											<td>{{$fen->period}}</td>
											<td>{{$fen->status}}</td>
											<td class="w3-list-info"><a href="genres.html">{{$fen->area_name}}</a></td>
											<td class="w3-list-info"><a href="comedy.html">{{$fen->actors}}</a></td>
											<td>{{$fen->intro}}</td>
										  </tr>
									@endforeach
										</tbody>
									</table>
										<span style="margin-left:85%; ">{!!$score->render()!!}</span>
								</div>
							</div>
							</div>
							<!-- 以下按评价数量排名 -->

							<div id="mix-breakpoint" style="display:none" >
							<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
								<div class="agile-news-table">
									<!-- <div class="w3ls-news-result">
										<h4>Search Results : <span>56</span></h4>
									</div> -->
									<table id="table-breakpoint">
										<thead>
										  <tr>
											<th>评分</th>
											<th>影片名</th>
											<th>上映年代</th>
											<th>类型</th>
											<th>地区</th>
											<th>演员</th>
											<th style="width: 40%;">简介</th>
										  </tr>
										</thead>
										<tbody>
										@foreach($comment as $comm)
										  <tr>
											<td>{{$comm->score}}</td>
											<td class="w3-list-img"><a href="{{url('Home/news-single',$comm->fid)}}"><img src="/Home/images/n1.jpg" alt="" /> <span>{{$comm->title}}</span></a></td>
											<td>{{$comm->period}}</td>
											<td>{{$comm->status}}</td>
											<td class="w3-list-info"><a href="genres.html">{{$comm->area_name}}</a></td>
											<td class="w3-list-info"><a href="comedy.html">{{$comm->actors}}</a></td>
											<td>{{$comm->intro}}</td>
										  </tr>
										@endforeach

										</tbody>

									</table>
									<span style="margin-left:85%; ">{!!$comment->render()!!}</span>
								</div>
							</div>
							</div>
							<!-- 以上按评介数量排名的 -->
							<!-- 以下按年代排名 -->

							<div id="period-breakpoint" style="display:none" >
							<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
								<div class="agile-news-table">
									<!-- <div class="w3ls-news-result">
										<h4>Search Results : <span>56</span></h4>
									</div> -->
									<table id="table-breakpoint">
										<thead>

										  <tr>
											<th>评分</th>
											<th>影片名</th>
											<th>上映年代</th>
											<th>类型</th>
											<th>地区</th>
											<th>演员</th>
											<th style="width: 40%;">简介</th>
										  </tr>
										</thead>
										<tbody>
										@foreach($period as $commd)
										  <tr>
											<td>{{$commd->score}}</td>
											<td class="w3-list-img"><a href="{{url('Home/news-single',$commd->fid)}}"><img src="/Home/images/n1.jpg" alt="" /> <span>{{$commd->title}}</span></a></td>
											<td>{{$commd->period}}</td>
											<td>{{$commd->status}}</td>
											<td class="w3-list-info"><a href="genres.html">{{$commd->area_name}}</a></td>
											<td class="w3-list-info"><a href="comedy.html">{{$commd->actors}}</a></td>
											<td>{{$commd->intro}}</td>
										  </tr>
										@endforeach

										</tbody>
									</table>
										<span style="margin-left:85%; ">{!!$period->render()!!}</span>
								</div>
							</div>
							</div>
							<!-- 以上按评年代排名的 -->

							<!-- 以下按最近更新排名 -->

							<div id="recent-breakpoint" style="display:none" >
							<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
								<div class="agile-news-table">
									<!-- <div class="w3ls-news-result">
										<h4>Search Results : <span>56</span></h4>
									</div> -->
									<table id="table-breakpoint">
										<thead>

										  <tr>
											<th>评分</th>
											<th>影片名</th>
											<th>上映年代</th>
											<th>类型</th>
											<th>地区</th>
											<th>演员</th>
											<th style="width: 40%;">简介</th>
										  </tr>
										</thead>
										<tbody>
										@foreach($recent as $cnt)
										  <tr>
											<td>{{$cnt->score}}</td>
											<td class="w3-list-img"><a href="{{url('Home/news-single',$cnt->fid)}}"><img src="/Home/images/n1.jpg" alt="" /> <span>{{$cnt->title}}</span></a></td>
											<td>{{$cnt->period}}</td>
											<td>{{$cnt->status}}</td>
											<td class="w3-list-info"><a href="genres.html">{{$cnt->area_name}}</a></td>
											<td class="w3-list-info"><a href="comedy.html">{{$cnt->actors}}</a></td>
											<td>{{$cnt->intro}}</td>
										  </tr>
										@endforeach
										 
										</tbody>
									</table>
										<span style="margin-left:85%; ">{!!$recent->render()!!}</span>
								</div>
							</div>
							</div>
							<!-- 以上按最近更新排名的 -->

						</div>

				</div>
			</div>
	</div>
<!-- //faq-banner -->
<!-- footer -->
@include('Home/footer');
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="/Home/js/bootstrap.min.js"></script>
<script>

$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});



function charea(a) {
    var spans = ['general','detail','mix','period','recent'];


 
    for(i=0;i<5;i++) {
    	
        var o = document.getElementById(spans[i]+'-tab');
        var tb = document.getElementById(spans[i]+'-breakpoint');
        o.className = o.id==a+'-tab'?'tab-front':'tab-back';
        tb.style.display = tb.id==a+'-breakpoint'?'':'none';
     //   var url = window.location.href;
     // var pos = url.indexOf('?');
     // var urd = url.substring(0,pos);
     // window.location.href = (urd);
     } 

}
</script>
<!-- //Bootstrap Core JavaScript -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});



	</script>
<!-- //here ends scrolling icon -->
</body>
</html>